{% load staticfiles %}
{% load menu %}
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% block addmeta %}
    {% endblock %}
    <title>{% title request %}</title>

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="/static/css/animate.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
    <style>
        .pagination > .disabled > a {
            color: #777;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd;
        }
    </style>
    {% block addcss %}
    {% endblock %}

</head>

<body>

<div id="wrapper">

    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="block m-t-xs font-bold">{% fullname request %}</span>
                            <span class="text-muted text-xs block">个人菜单<b class="caret"></b></span>
                        </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a class="dropdown-item" href="{% url 'rbac:changepasswd' %}">修改个人密码</a></li>

                            <li><a class="dropdown-item" href="{% url 'rbac:logout' %}">退出</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        LOGO
                    </div>
                </li>
                {% second_menu request %}

            </ul>

        </div>
    </nav>

    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">欢迎来到 CoDeploy </span>
                    </li>
                    {#                    <li class="dropdown">#}
                    {#                        <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">#}
                    {#                            <i class="fa fa-bell"></i> <span class="label label-primary">5</span>#}
                    {#                        </a>#}
                    {#                        <ul class="dropdown-menu dropdown-alerts">#}
                    {#                            <li>#}
                    {#                                <a href="#" class="dropdown-item">#}
                    {#                                    <div>#}
                    {#                                        <i class="fa fa-envelope fa-fw"></i> 你有16条消息#}
                    {#                                        <span class="float-right text-muted small">4 分钟前</span>#}
                    {#                                    </div>#}
                    {#                                </a>#}
                    {#                            </li>#}
                    {#                            <li class="dropdown-divider"></li>#}
                    {#                            <li>#}
                    {#                                <a href="#" class="dropdown-item">#}
                    {#                                    <div>#}
                    {#                                        <i class="fa fa-upload fa-fw"></i> 重启服务器#}
                    {#                                        <span class="float-right text-muted small">4 分钟前</span>#}
                    {#                                    </div>#}
                    {#                                </a>#}
                    {#                            </li>#}
                    {#                            <li class="dropdown-divider"></li>#}
                    {#                            <li>#}
                    {#                                <div class="text-center link-block">#}
                    {#                                    <a href="#" class="dropdown-item">#}
                    {#                                        <strong>查看所有信息</strong>#}
                    {#                                        <i class="fa fa-angle-right"></i>#}
                    {#                                    </a>#}
                    {#                                </div>#}
                    {#                            </li>#}
                    {#                        </ul>#}
                    {#                    </li>#}
                    <li>
                        <a href="{% url 'rbac:logout' %}">
                            <i class="fa fa-sign-out"></i> 注销
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
        {% block content %}
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center m-t-lg">
                            <h1>
                                H1标签 BS4

                            </h1>
                            <small>
                                small标签 44444444444
                            </small>
                        </div>
                    </div>
                </div>
            </div>
        {% endblock %}
        <div class="footer">
            <div class="pull-right">
                <strong> FY </strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> FY &copy; 2020
                &nbsp;&nbsp;&nbsp;皖IPC备案号<a href="http://www.beian.miit.gov.cn/" target="_blank">皖B2-20100001-1</a>
            </div>
        </div>

    </div>
</div>

<!-- Mainly scripts -->
<script src="/static/js/jquery-3.1.1.min.js"></script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/static/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="/static/js/inspinia.js"></script>
<script src="/static/js/plugins/pace/pace.min.js"></script>

{% block addjs %}
{% endblock %}

</body>

</html>
